@charset 'utf-8';
* {
  margin: 0;
  padding: 0;
}

.footer{
    // position: absolute;
    // bottom: 0;
    height: 670px;
    border-bottom: 1px solid #ccc;
    // background: orchid;
        .footer-wrap{
            width: 1200px;
            height: 670px;
            // background: papayawhip;
            margin: 0 auto;
            overflow: hidden;
                .footer-wrap_t{
                    width: 1200px;
                    height: 200px;
                    // background: purple;
                    margin: 20px 0 60px 0;
                }
                .footer_nav{
                    width: 1200px;
                    height: 82px;
                    // background: royalblue;
                    // border-bottom: 1px solid #ccc;
                        ul{
                            display: flex;
                            justify-content: space-between;
                          
                            li{
                                list-style: none;
                                    a{
                                        text-decoration: none;
                                        font-size: 18px;
                                        color: #3a3a3a;
                                        line-height: 82px;
                                    }
                            }
                        }
                }
                .footer-wrap_c{
                    width: 1200px;
                    height: 211px;
                    // background: rgb(197, 142, 39);
                    border-bottom:1px solid #ccc ;
                    border-top: 1px solid #ccc;
                        .footer_c_l{
                            width: 921px;
                            height: 160px;
                            // background: orangered;
                            float: left;
                            border-right: 1px solid #ccc;
                            margin-top: 20px;
                            
                                ul{
                                    display: flex;
                                    justify-content: space-between;
                                    li{
                                        list-style: none;
                                        display: flex;
                                        flex-direction: column;
                                        
                                        p{ 
                                            display: block;
                                            font-size: 14px;
                                            color:#333;
                                            float: left;
                                        }
                                        ul{
                                            display: flex;
                                            flex-direction: column;
                                            li{
                                                list-style: none;
                                                a{
                                                    display: block;
                                                    text-decoration: none;
                                                    font-size: 15px;
                                                    color: #777;
                                                }
                                            }
                                        }
                                        ul li a:hover{
                                            color: rgb(224, 50, 50);
                                        }
                                        
                                    }
                                }
                        }
                        .footer_c_r{
                            width: 278px;
                            height: 160px;
                            // background: orchid;
                            float: right;
                            margin-top: 20px;
                                .footer_c_r_t{
                                    width: 279px;
                                    height: 102px;
                                    // background: olive;
                                        ul{
                                            display: flex;
                                            flex-direction: column;
                                            align-items: center;
                                            li{
                                                list-style: none;
                                                margin: 2px 0;
                                                a{
                                                    text-decoration: none;
                                                    font-size: 14px;
                                                    color: #575757;
                                                }
                                                p{
                                                    font-size: 24px;
                                                    font-weight: 700;
                                                    color: #575757;
                                                }
                                                .footer_c_r_bj{
                                                    display: block;
                                                    width: 170px;
                                                    height: 34px;
                                                    background: rgb(43, 42, 42);
                                                    color: #fff;
                                                    line-height: 34px;
                                                    text-align: center;
                                                    border-radius: 10px;
                                                }
                                            }
                                        }

                                }
                               
                                .footer_c_r_b{
                                    width: 250px;
                                    height: 24px;
                                    // background: orangered;
                                    margin: 26px  0 0 40px ;
                                        ul{
                                            display: flex;
                                            justify-content:space-around;
                                            li{
                                                list-style: none;
                                                h2{
                                                    font-size: 14px;
                                                     color: #333;
                                                }
                                                a{
                                                    img{
                                                        width: 20px;
                                                        height: 20px;
                                                    }
                                                }
                                                
                                            }
                                        }
                                }
                        }
                }
                .footer-wrap_b{
                    width: 1200px;
                    height: 117px;
                    // background: orangered;
                    overflow: hidden;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                        .footer_b_con{
                            width: 1200px;
                            height: 64px;
                            // background: olivedrab;
                            display: flex;
                            justify-content: space-between;
                                .footer_b_con_f{
                                    width: 102px;
                                    height: 23px;
                                    // background: orange;
                                        a{
                                            text-decoration: none;
                                                img{
                                                    width: 100%;
                                                    height: 100%;
                                                }
                                        }
                                }
                                .footer_b_con_c{
                                    width: 907px;
                                    height: 64px;
                                    // background: orchid;
                                        ul{
                                            width: 907px;
                                            height: 15px;
                                            display: flex;
                                            justify-content: space-between;
                                            li{list-style: none;
                                                a{
                                                    text-decoration: none;
                                                    font-size: 16px;
                                                    color: #777;
                                                    float: left;
                                                }
                                                b{  
                                                    font-weight: normal;
                                                    font-size: 16px;
                                                    color: #777;
                                                    float: left;
                                                    margin: 0 2px;
                                                }
                                            }
                                        }
                                        ul li a:hover{
                                            color: rgb(240, 64, 64);
                                        }
                                        span{
                                            width: 907px;
                                            // display: flex;
                                            // justify-content: space-around;
                                                a{
                                                    text-decoration: none;
                                                    font-size: 14px;
                                                    color:#777;
                                                }
                                                b{
                                                    font-weight: normal;
                                                    font-size: 14px;
                                                    color:#777;
                                                    margin: 0 2px;
                                                }
                                        }
                                        span a:hover{
                                            color: rgb(241, 63, 63);
                                        }
                                }
                                .footer_b_con_r{
                                    width: 87px;
                                    height: 24px;
                                    // background: palegreen;
                                        a{
                                            text-decoration: none;
                                                img{
                                                    width: 100%;
                                                    height: 100%;
                                                }
                                        }
                                }
                        }
                }
        }

}
